{% extends 'page-builder-base.twig' %}
{% set bodyClasses = 'page-gallery' %}


{% block title %}
<title>{{title}} | {{siteTitle}}</title>
{% endblock %}



	    
	    
	    {% block content %}
	    <div class="content">
	        <div class="content-blocks">
	    
	        {% block contentBlocks %}
	        {% if page.metadata.heading %}
	            <h1>{{ page.metadata.heading }}</h1>
	        {% endif %}
	        
	        {%for contentBlock in page.contentBlocks %}
	            {% block contentBlock %}
	            <div class="content-block id-{{contentBlock.id}}">
	                {% if contentBlock.title %}
	                    {# <h2>{{contentBlock.title}}</h2> #}
	                {% endif %}
	                {{contentBlock.content|raw}}
	            </div>
	            {% endblock%}
	        {% endfor%}
	        {% endblock%}
	        
	        
	        
		        <div class="galleries">
		        
		            <div id="infants" class="gallery paginated">
		            <h2>Infants</h2>
		                <ul class="nav thumb-list gallery-thumbs">
		                    {% for image in app.assets.gallery("Gallery - Infants") %}
		                       
		                        <li>
		                        	<a href="/Images/Assets/{{image.documentcode}}/11/{{image.name}}" class="modal-img" rel="gallery1" title="{{image.name}}">
		                        		<img src="/Images/Assets/{{image.documentcode}}/6/{{image.name}}" alt="{{image.name}}"/>
		                    		</a>
		                		</li>
		                		
		                    {% endfor %}
		                </ul>
		            </div>
		            
		            
		            <div id="toddlers"  class="gallery paginated">
		            <h2>Toddlers</h2>
		                <ul class="nav thumb-list gallery-thumbs">
		                    {% for image in app.assets.gallery("Gallery - Toddlers") %}
		                        
		                        <li>
		                        	<a href="/Images/Assets/{{image.documentcode}}/11/{{image.name}}" class="modal-img" rel="gallery2" title="{{image.name}}">
		                        		<img src="/Images/Assets/{{image.documentcode}}/6/{{image.name}}" alt="{{image.name}}"/>
		                    		</a>
		                		</li>
		                    
		                    {% endfor %}
		                </ul>
		            </div>
		            
		            
		            <div id="preschool"  class="gallery paginated">
		            <h2>Preschool</h2>
		                <ul class="nav thumb-list gallery-thumbs">
		                    {% for image in app.assets.gallery("Gallery - Preschool") %}
		                        		                       
		                        <li>
		                        	<a href="/Images/Assets/{{image.documentcode}}/11/{{image.name}}" class="modal-img" rel="gallery3" title="{{image.name}}">
		                        		<img src="/Images/Assets/{{image.documentcode}}/6/{{image.name}}" alt="{{image.name}}"/>
		                    		</a>
		                		</li>
		                    
		                    {% endfor %}
		                </ul>
		            </div>
		            
		            
		            <div id="facilities"  class="gallery paginated">
		            <h2>Facilities</h2>
		                <ul class="nav thumb-list gallery-thumbs">
		                    {% for image in app.assets.gallery("Gallery - Facilities") %}
		                        
		                        <li>
		                        	<a href="/Images/Assets/{{image.documentcode}}/11/{{image.name}}" class="modal-img" rel="gallery4" title="{{image.name}}">
		                        		<img src="/Images/Assets/{{image.documentcode}}/6/{{image.name}}" alt="{{image.name}}"/>
		                    		</a>
		                		</li>
		                   
		                    {% endfor %}
		                </ul>            
		            </div>
		            
		            
		        </div><!-- .galleries -->
		        
		        
		        
	    
	        </div>
	    </div>
	    {% endblock %}
	    
	    





{% block aside %}
	<aside>
		<ul class="subnav tabs">
			<li><a href="#infants">Infants</a>
			<li><a href="#toddlers">Toddlers</a>
			<li><a href="#preschool">Preschool</a>
			<li><a href="#facilities">Facilities</a>
		</ul>
	</aside>
{% endblock %}